<template>
  <view class="shop-lay">
    <view class="shop-item" v-for="(item ,index) in 10">
      <image class="shop-item-img" src="https://zs.ttxcx.net/uploads/20201109/3fa3d0ae277c70809a91ddd8b924b462.jpg" mode="aspectFill"></image>
      <view class="shop-item-title single-line">湖南省飞腾食品有限公司</view>
    </view>
  </view>
</template>

<script>
export default {

  data() {
    return {};
  },
  onLoad(options) {
    var title = options.title
    if (title) {
      uni.setNavigationBarTitle({
        title: title
      });
    }
  },
}
</script>

<style lang="scss">
.shop-lay {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30rpx;
  overflow: hidden;
}

.shop-item {
  width: 340rpx;
  background: white;
  border-radius: 15rpx;
  margin: 10rpx 0;
}

.shop-item-img {
  width: 340rpx;
  height: 400rpx;
}

.shop-item-title {
  width: 100%;
  padding: 15rpx;
  font-size: 28rpx;
  color: black;
  text-align: center;

}

.single-line {
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 隐藏溢出的内容 */
  text-overflow: ellipsis; /* 溢出部分显示为省略号 */
}
</style>
